<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打卡</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <style>
        .layui-form-item {
            margin-top: 50px;
        }

        button {
            border: none;
            outline: none;
            font-size: 20px;
            color: #0094ff;
            background-color: white;
        }

        .line {
            position: fixed;
            bottom: 70px;
            width: 100%;
            border: 1px solid lightgray;
            opacity: 0.5;
            margin-left: -33px;
        }
    </style>
    <script type="text/javascript" src="js/jquery1.9.1.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/axios.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/business/punch.js"></script>
</head>
<body>
<div style="position:fixed; top:0;height:30px;width:100%;z-index: 999999;background-color: #F8CD5D">
    <div class="layui-col-md6 layui-col-xs12" align="center"
         style="position:fixed;top: 5px;left:10px;height: 20px;width: 20px;background-color: #F1F1F1;opacity: 0.5">
    </div>
    <a href="phone-main.html" style="position:fixed; left:10px;top: 6px;"><i class="layui-icon layui-icon-left"
                                                                             style="font-size: 18px;color: white;z-index: 99999999;"></i></a>
</div>
<div style="height: 30px"></div>
<div>
    <div class="layui-fluid form-container">
        <div class="layui-card">
            <div class="layui-card-body">
                <form class="layui-form" lay-filter="punch_form">
                    <div class="layui-form-item layui-row">
                        <div class="layui-col-md6">
                            <label class="layui-form-label">开始时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="beginTime" id="beginTime" lay-verify="required"
                                       placeholder="请输入请假开始时间..." class="layui-input beginTime">
                            </div>
                        </div>
                        <div class="layui-col-md6"></div>
                    </div>
                    <div class="layui-form-item layui-row">
                        <div class="layui-col-md6">
                            <label class="layui-form-label">结束时间：</label>
                            <div class="layui-input-block">
                                <input type="text" id="endTime" name="endTime" class="layui-input endTime"
                                       placeholder="请输入请假结束时间..." lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-col-md6"></div>
                    </div>
                    <div class="layui-form-item layui-row">
                        <div class="layui-col-md6">
                            <label class="layui-form-label">选择：</label>
                            <div class="layui-input-block">
                                <select id="approveId" name="approveId" lay-verify="required">
                                    <option value="0">请选择...</option>
                                    <option v-for="item in adminList" :value="item.id" style="text-align: left">{{item.username.trim()}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-md6"></div>
                    </div>
                    <div class="layui-form-item layui-row">
                        <div class="layui-col-md6">
                            <label class="layui-form-label">请假理由：</label>
                            <div class="layui-input-block">
                                <textarea placeholder="请输入请假理由..." name="reason" id="reason" lay-verify="reason"
                                          class="layui-textarea reason"></textarea>
                            </div>
                        </div>
                        <div class="layui-col-md6"></div>
                    </div>

                    <div class="line"></div>
                    <div class="layui-form-item layui-row" style="position:fixed; bottom:35px;">

                        <div class="layui-col-md6 layui-col-xs12" align="center">

                            <button type="button" style="position:fixed;left:10px;" lay-submit
                                    lay-filter="updateSubmit">
                                请假
                            </button>
                            <button type="button" id="returnShow" style="position:fixed;right:10px;">取消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>